<template>
  <div>
    <!-- header部分开始 -->
    <HeaderBar />
    <!-- header部分结束 -->
    <div class="login">
      <div class="main">
        <h2>注册</h2>
        <form action="#">
          <!-- 用户名 type属性值是text指的是文本框-->
          <input type="text" placeholder="手机/邮箱/用户名" class="in1">
          <!-- 密码 type属性值是password指的是密码框-->
          <input type="password" placeholder="设置密码">
          <input type="password" placeholder="确认密码">
          <!-- 注册和忘记密码 -->
          <p class="zc">已有账号？请<a href="#">直接登录</a></p>
          <!-- input的type值如果是button，指的是按钮 -->
          <input type="button" value="注册" class="btn_d">
          <input type="button" value="用短信验证码注册" class="btn_p">
        </form>
        <div class="acc">
          <h3>社交账号登录</h3>
          <p>
            <a href="#" class="a1" />
            <a href="#" class="a2" />
            <a href="#" class="a3" />
            <a href="#" class="a4" />
            <a href="#" class="a5" />
            <a href="#" class="a6" />
          </p>
        </div>
      </div>
    </div>
    <!-- footer部分开始 -->
    <EndBar />
    <!-- 返回顶部 -->
    <SideBar />
  </div>
</template>

<script>
import HeaderBar from '../../components/bars/HeaderBar'
import EndBar from '../../components/bars/EndBar'
import SideBar from '../../components/bars/SideBar'
export default {

  components: {
    HeaderBar,
    EndBar,
    SideBar
  }}
</script>

<style scoped>
@import    '../../assets/css/origincss/reset.css';
@import    '../../assets/css/origincss/index.css';
@import    '../../assets/css/origincss/common.css';
@import    '../../assets/css/origincss/login.css';
</style>
